﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="/static/css/common/reset.css" />
    <link rel="stylesheet" href="/static/css/community.css" />
    <title>社团详情</title>
</head>
<body>
    <div class="community-detail">
        <div id="divHeader"></div>
        <section class="container comDetail-info">
            <img src="/static/images/communityDetail1.png" class="comDe-info-img" />
            <h1 class="f14 textcenter colorWhite">狂霸帅气掉渣天社团</h1>
            <h3 class="f14 textcenter colorWhite mt10">社团口号：<em>一起努力发张校园文化</em></h3>
            <div class="comDetail-info-tool">
                <h2 class="comDetail-iTool-school">已通过高效验证</h2>
                <h2 class="comDetail-iTool-binguo">已通过宾果验证</h2>
            </div>
        </section>
        <section class="container comDetail-content clearfix">
            <div class="comDetail-content-left fl">
                <h1>社团资料</h1>
                <div class="comDtail-cLeft-text">
                    <p>社团名称： <em>狂霸帅气吊炸天社团</em></p>
                    <p>社团负责人： <em>莹莹</em></p>
                    <p>社团级别： 院校级</p>
                    <p>所属学校： 广州大学</p>
                    <p>社团类型： 组织类</p>
                    <p>社团规模： 500人以上</p>
                    <p>部门数量： 12个</p>
                    <div class="comDetail-cleft-map">
                        <img src="/static/images/communityDetail4.png" />
                    </div>
                    <p>学校地址：广东省广州市天河区 员村六横路666号</p>
                </div>
            </div>
            <div class="comDetail-content-right fr">
                <h1 class="comDetail-cRight-title">社团筹备</h1>
                <ul class="comDetail-cRight-list mt15">
                    <li>
                        <div class="clearfix">
                            <p class="fl f14">迎新晚会</p>
                            <p class="fl colorLGray ml100">2016-08-30发布</p>
                            <p class="fr">活动状态：<em class="colorRed">筹备中</em></p>
                        </div>
                        <div class="clearfix mt5">
                            <div class="fl">
                                <p class="colorLGray comDetail-crList">2016/6/1-2016/9/1</p>
                                <p class="colorLGray">
                                    <label>所需赞助金：<em class="colorRed">5000</em></label>
                                    <label class="ml20">活动地点：广州大学篮球场</label>
                                </p>
                            </div>
                            <a href="javascript:void(0);" class="comDetail-crList-btn fr">详情</a>
                        </div>
                    </li>
                    <li>
                        <div class="clearfix">
                            <p class="fl f14">迎新晚会</p>
                            <p class="fl colorLGray ml100">2016-08-30发布</p>
                            <p class="fr">活动状态：<em class="colorRed">筹备中</em></p>
                        </div>
                        <div class="clearfix mt5">
                            <div class="fl">
                                <p class="colorLGray comDetail-crList">2016/6/1-2016/9/1</p>
                                <p class="colorLGray">
                                    <label>所需赞助金：<em class="colorRed">5000</em></label>
                                    <label class="ml20">活动地点：广州大学篮球场</label>
                                </p>
                            </div>
                            <a href="javascript:void(0);" class="comDetail-crList-btn fr">详情</a>
                        </div>
                    </li>
                    <li>
                        <div class="clearfix">
                            <p class="fl f14">迎新晚会</p>
                            <p class="fl colorLGray ml100">2016-08-30发布</p>
                            <p class="fr">活动状态：<em class="colorRed">筹备中</em></p>
                        </div>
                        <div class="clearfix mt5">
                            <div class="fl">
                                <p class="colorLGray comDetail-crList">2016/6/1-2016/9/1</p>
                                <p class="colorLGray">
                                    <label>所需赞助金：<em class="colorRed">5000</em></label>
                                    <label class="ml20">活动地点：广州大学篮球场</label>
                                </p>
                            </div>
                            <a href="javascript:void(0);" class="comDetail-crList-btn fr">详情</a>
                        </div>
                    </li>
                    <li>
                        <div class="clearfix">
                            <p class="fl f14">迎新晚会</p>
                            <p class="fl colorLGray ml100">2016-08-30发布</p>
                            <p class="fr">活动状态：<em class="colorRed">筹备中</em></p>
                        </div>
                        <div class="clearfix mt5">
                            <div class="fl">
                                <p class="colorLGray comDetail-crList">2016/6/1-2016/9/1</p>
                                <p class="colorLGray">
                                    <label>所需赞助金：<em class="colorRed">5000</em></label>
                                    <label class="ml20">活动地点：广州大学篮球场</label>
                                </p>
                            </div>
                            <a href="javascript:void(0);" class="comDetail-crList-btn fr">详情</a>
                        </div>
                    </li>
                </ul>
                <div class="page">
                    <div class="center">
                        <ul class="clearfix">
                            <li>
                                <a href="javascript:void(0)" class="clickpage">
                                    上一页
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">1</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">2</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">3</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">4</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">5</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">6</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">7</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">8</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">9</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">10</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)" class="clickpage">下一页</a>
                            </li>
                            <li><span>共100页</span></li>
                            <li class="clearfix">
                                <span class="fl">去第</span>
                                <input type="text" class="fl"><span class="fl">页</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
        <div id="divFooter"></div>
    </div>
    <script type="text/javascript" src="/static/js/jquery-2.1.1.min.js"></script>
    <script>

        var param = common.getUrlArgStr();
        if (!common.checkValue(param.id))
            window.location = "support.html";

        $("#divHeader").load("/wuc/header.html");
        $("#divFooter").load("/wuc/footer.html");

        $(function () {

            //登录框下拉
            $('.link-login').on('click', function (e) {
                var self = $(this);
                self.parent().siblings().find('a').removeClass('on');
                self.toggleClass('on');
            });
        });
    </script>
</body>
</html>
